<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-个人中心-知识库</title>
		<link rel="stylesheet" href="css/reset.css">

		<link rel="stylesheet" href="css/common.css">

		<link rel="stylesheet" href="css/personal_common.css">
		<link rel="stylesheet" href="css/personal_zndj.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./personal_index.html">您好 , 张三</a>
						<!-- <i class="line"></i>
						<a href="./register.html">免费注册</a> -->
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav psrsonal">
				<div class="fl logo"><img src="images/personal_logo.png" alt=""></div>

				<div class="fr search">
					<div class="searchCon" style="margin-right:65px;">
						<input type="text" placeholder="请输入关键字">
						<a class="search_btn" href="#">搜索</a>
					</div>
					<a class="p_link" style="margin-right:50px;" href="./index.html">首页</a>
					<a class="p_link account_set" href="./account_set.html ">账户设置</a>
				</div>
			</div>
		</div>

		<div class="per_container ovw">
			<div class="main">
				<!-- 左侧 -->
				<div class="fl lf_content">
					<!-- 个人信息 -->
					<div class="user_info">
						<div class="head"><img src="images/p_user_head.png" alt=""></div>
						<p class="name">黄金焊工</p>
						<div class="label_img">
							<img src="images/label_img.png" alt=""><img src="images/label_img_a.png" alt=""><img src="images/label_img_b.png" alt="">
						</div>
						<p class="achievement_val">我的成就值 : <span>1,200</span>
							<a href=""><img src="images/query.png" alt="" title=""></a>
						</p>
					</div>
					<!-- 列表 -->
					<ul class="classify_list">
						<li>
							<div class="one_rank">
								<a href="./personal_zndj.html">
									<div class="fl img_box"><img class="" src="images/p_icon_a.png" alt=""></div>
									<p>我的智能对接</p>
								</a>
							</div>
							<ul class="list_two">
								<li>
									<a href="">我的发布</a>
								</li>
								<li>
									<a href="">我的参与</a>
								</li>
							</ul>
						</li>
						<li class="current">
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_b.png" alt=""></div>
									<p>我的知识库</p>
								</a>
							</div>
							<ul class="list_two">
								<li>
									<a href="">我的上传</a>
								</li>
								<!--<li>
									<a href="">我的下载</a>
								</li>
								<li>
									<a href="">我审核的</a>
								</li>-->
							</ul>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_c.png" alt=""></div>
									<p>我的焊客圈</p>
								</a>
							</div>
							<ul class="list_two">
								<li>
									<a href="">我的发起</a>
								</li>
								<li>
									<a href="">我的参与</a>
								</li>
							</ul>
						</li>
						<li>
							<div class="one_rank">
								<a href="./personal_my_zc.html">
									<div class="fl img_box"><img class="" src="images/p_icon_d.png" alt=""></div>
									<p>我的众创</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_e.png" alt=""></div>
									<p>我的秀展</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_f.png" alt=""></div>
									<p>我的商业街</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_g.png" alt=""></div>
									<p>我的收藏</p>
								</a>
							</div>
						</li>
						<li>
							<div class="one_rank">
								<a href="">
									<div class="fl img_box"><img class="" src="images/p_icon_h.png" alt=""></div>
									<p>我的培训</p>
								</a>
							</div>
						</li>
					</ul>
				</div>

				<!-- 右侧内容 -->
				<div class="rt_content wrapRight ovw personal_zsk">

					<ul class="wrapRight_Top ovw">
						<li class="active first">我的知识库</li>
						<li>我的下载知识库</li>

					</ul>
					<div class="wrapRight_Content ovw">
						<div class="listItem ovw current">
							<table cellspacing="0" cellpadding="0">
								<tr class="firstTr">
									<th class="wid312"><label class="fl"><input type="checkbox" class="allCheck"><span></span></label><i class="fl">名称</i></th>
									<th class="wid124">文档状态</th>
									<th class="wid205">审核状态</th>
									<th class="wid134">创建日期</th>
									<th>操作</th>
								</tr>
								<tr>
									<td>
										<label class="fl"><input type="checkbox" name="checkBoxs"><span></span></label>
										<p class="fl"><img src="images/word_icon.png" /><i class="line_o">手工电弧焊技术要求有哪些？</i></p>
									</td>
									<td class="line_o wid210">公开文档</td>
									<td class="noAudit">待审核</td>
									<td>2017-11-24 18:23</td>

									<td class="last">
										<a>修改</a>
										<span class="line"></span>
										<a class="delete">删除</a>
									</td>

								</tr>
								<tr>
									<td>
										<label class="fl"><input type="checkbox" name="checkBoxs"><span></span></label>
										<p class="fl"><img src="images/sh_icon.png" /><i class="line_o">手工电弧焊技术要求有哪些？</i></p>
									</td>
									<td class="line_o wid210">公开文档</td>
									<td class="havePass">已通过</td>
									<td>2017-11-24 18:23</td>

									<td class="last">
										<a>修改</a>
										<span class="line"></span>
										<a class="delete">删除</a>
									</td>

								</tr>
								<tr>
									<td>
										<label class="fl"><input type="checkbox" name="checkBoxs"><span></span></label>
										<p class="fl"><img src="images/pdf_icon.png" /><i class="line_o">手工电弧焊技术要求有哪些？</i></p>
									</td>
									<td class="line_o wid210">公开文档</td>
									<td class="noPass">未通过</td>
									<td>2017-11-24 18:23</td>

									<td class="last">
										<a>修改</a>
										<span class="line"></span>
										<a class="delete">删除</a>
									</td>

								</tr>
								<tr>
									<td>
										<label class="fl"><input type="checkbox" name="checkBoxs"><span></span></label>
										<p class="fl"><img src="images/pdf_icon.png" /><i class="line_o">手工电弧焊技术要求有哪些？</i></p>
									</td>
									<td class="line_o wid210">公开文档</td>
									<td class="noAudit">待审核</td>
									<td>2017-11-24 18:23</td>

									<td class="last">
										<a>修改</a>
										<span class="line"></span>
										<a class="delete">删除</a>
									</td>

								</tr>

							</table>
							<!--分页-->
							<div class="page ovw">
								<div class="ovw tipBtn">
									<div class="ovw fl">
										<label class="fl"><input id="allCheck" class="allCheck" type="checkbox"><span></span><i class="fl">全选</i></label>

									</div>
									<span class="line fl"></span>
									<p class="fl tolalDelete">删除</p>
								</div>
								<ul class="ovw">
									<li class="first">&lt;&nbsp;上一页</li>
									<li>1</li>
									<li>2</li>
									<li>3</li>
									<li>4</li>
									<li>5</li>
									<li>...</li>
									<li>24</li>
									<li class="first last">下一页&nbsp;&gt;</li>
								</ul>
							</div>
						</div>
						<div class="listItem ovw ">
							<table cellspacing="0" cellpadding="0">
								<tr class="firstTr">
									<th class="wid312"><label class="fl"><input type="checkbox" class="allCheck"><span></span></label><i class="fl">名称</i></th>
									<th class="wid124">文档状态</th>
									<th class="wid205">审核状态</th>
									<th class="wid134">创建日期</th>
									<th>操作</th>
								</tr>

								<tr>
									<td>
										<label class="fl"><input type="checkbox" name="checkBoxs"><span></span></label>
										<p class="fl"><img src="images/pdf_icon.png" /><i class="line_o">手工电弧焊技术要求有哪些？</i></p>
									</td>
									<td class="line_o wid210">公开文档</td>
									<td class="noAudit">待审核</td>
									<td>2017-11-24 18:23</td>

									<td class="last">
										<a>修改</a>
										<span class="line"></span>
										<a class="delete">删除</a>
									</td>

								</tr>

							</table>
							<!--分页-->
							<div class="page ovw">
								<div class="ovw tipBtn">
									<div class="ovw fl">
										<label class="fl"><input  class="allCheck" type="checkbox"><span></span><i class="fl">全选</i></label>

									</div>
									<span class="line fl"></span>
									<p class="fl tolalDelete">删除</p>
								</div>
								<ul class="ovw">
									<li class="first">&lt;&nbsp;上一页</li>
									<li>1</li>
									<li>2</li>
									<li>3</li>
									<li>4</li>
									<li>5</li>
									<li>...</li>
									<li>24</li>
									<li class="first last">下一页&nbsp;&gt;</li>
								</ul>
							</div>
						</div>

					</div>
				</div>

			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>

		<script type="text/javascript" src="js/common.js"></script>

		<script type="text/javascript">
			$(function() {
				//				右侧 tab切换
				$(".per_container .wrapRight .wrapRight_Top li").click(function() {
					var $index = $(this).index();
					$(this).addClass("active").siblings("li").removeClass("active");
					$('.wrapRight .wrapRight_Content .listItem').eq($index).addClass("current").siblings().removeClass("current");
					//					$("input[name='checkBoxs']").prop("checked", false);
				});
				$('.personal_zsk .listItem table tr').not('.firstTr').each(function() {
					$(this).addClass('trList');
				});

				$('.personal_zsk .listItem table tr.trList:odd').css('background', '#f7fafc')

				//全选或全不选
				$(".allCheck").click(function() {
					if(this.checked) {
						$(".listItem.current input[name='checkBoxs']").prop("checked", true);
						$(".listItem.current .allCheck").prop("checked", true);

					} else {
						$(".listItem.current input[name='checkBoxs']").prop("checked", false);
						$(".listItem.current .allCheck").prop("checked", false);
					}
				});
				//				点击全选删除
				$(".tolalDelete").click(function() {
					var $currentAlldelete = $(this).parent().parent().prev();
					if($currentAlldelete.find('.allCheck').prop("checked") == true) {
						$currentAlldelete.find('td').remove();
						$(".listItem.current .allCheck").prop("checked", false);
					}

				});

				//				点击表格中的删除
				$("td .delete").each(function() {
					//选项总个数

					$(" .delete").click(function() {
						var currentInput = $(this).parent().parent().find("input[name='checkBoxs']");

						if(currentInput.prop("checked") == true) {
							$(this).parent().parent().remove();
							var trNum = $('.listItem.current tr.trList').size();
							if(trNum == 0) {

								$('.listItem.current .allCheck').prop("checked", false);
							}

						}

					})

				});

				$("input[name='checkBoxs']").each(function() {
					var currentEle = $(this);
					currentEle.click(function() {
						allchk();

					});
				});

			});

			function allchk() {
				var chknum = $(".listItem.current input[name='checkBoxs']").size(); //选项总个数

				var chk = 0;
				$(".listItem.current input[name='checkBoxs']").each(function() {
					if($(this).prop("checked") == true) {
						chk++;
					}
				});
				if(chknum == 0) {
					$(".listItem.current .allCheck").prop("checked", false);

				} else if(chknum == chk) { //全选

					$(".listItem.current .allCheck").prop("checked", true);

				} else { //不全选

					$(".listItem.current .allCheck").prop("checked", false);

				}
			}
		</script>

	</body>

</html>